<?php 
	session_start();
	/* Validamos la url en la que estamos y ocultamos los botones que llevan a la misma */
	$url="panel"; 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO;  ?>" />
<title>Panel de Control</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.1.css" media="screen" />
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/ui/ui.core.js"></script>
<script type="text/javascript" src="js/ui/ui.tabs.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.1.pack.js"></script> 
<script type="text/javascript" src="js/jquery.easing-1.3.pack.js"></script>
<SCRIPT type="text/javascript" src="js/alertbox.js"></SCRIPT>
<LINK rel="stylesheet" type="text/css" media="all" href="css/style.css"><!--estilo de ventana alerta -->

<script type="text/javascript">
$(document).ready(function(){
	$("input:text:visible:first").focus();
	
			$("#var1").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : 620,
				'height'			 : '60%',
				'type'               : 'iframe',
				'titleShow'          : true,
			    'titlePosition'	     : 'over', 
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("#var2").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : 620,
				'height'			 : '60%',
				'type'               : 'iframe',
				'titleShow'          : true,
			    'titlePosition'	     : 'over', 
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});
			$("#venta").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : false				
			});	
			$("#prestamo").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : false				
			});	
			$("#contrato").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("#pago").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("#movimientos").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("#ban").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("#aud").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("#usu").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("#caja").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("a[rel=fancy]").fancybox({
				'transitionIn'		: 'fade',
				'transitionOut'		: 'elastic',
				'titlePosition' 	: 'over',
				'cyclic'            : false
			});
			
/**/ 
/* 	cargar los datos en los formularios con la búsqueda  */
/*Desabilitar los botones de operaciones si no se ha cargado un cliente*/
	$("#pago").css("visibility","hidden");
	$("#contrato").css("visibility","hidden");
	$("#venta").css("visibility","hidden");
	$("#prestamo").css("visibility","hidden");
 	$("#buscar").click(function(){
		$('#dat')[0].reset();	
		$('#deu')[0].reset();
    	$("#cargando").css('display','inline');
		$.post('buscarCliente.php', $("#busqueda").find('input').serialize(),function(data){
			if(data==3){
				csscody.alert("Usuario no registrado!!!");
				data="";
			/* 	$("#pago").css("visibility","hidden");
				$("#contrato").css("visibility","hidden");
				$("#venta").css("visibility","hidden");
				$("#prestamo").css("visibility","hidden");
				$("#UpdateCli").css("visibility","hidden");
				$("#datCli").css("visibility","hidden");		
				$("#id").val('');	
				$("#cedula").val('');	
				$("#nombres").val('');	
				$("#apellidos").val('');	 
				$("#direccion").val('');	
				$("#tlf").val('');	
				$("#celular").val('');	
				$("#tlfOfi").val(''); 
				$("#dirOfi").val('');
				$("#total").val('');
				$("#totalPagado").val('');
				$("#totalDebe").val(''); */
				$("#cargando").css('display','none'); 	
			}/* else{ */
				$("#dat").html(data);
				/* $("#UpdateCli").css("visibility","visible");
				$("#datCli").css("visibility","visible");
				 			
			} */$("#cargando").css('display','none');
		}); 		
		return false; 	
	}); 
	/* function check_cedula(){  
		var cedula = $('#buscarC').val();  
		$.post("checked.php", { cedula : cedula },  
			function(result){  
				if(result == 1){					
					$('#resultado').html(cedula + ' Cedula no registrada'); 
					$('#resultado').fadeOut(7000);
				} 
			});
	} */
});
function ref(id){
	<!--alert("el ID: "+document.dat.id.value); -->
	document.getElementById(id).href = "editDatepicker.php?id="+parseInt(document.dat.id.value);
}
function param(id){
	document.getElementById(id).href = "crearVenta.php?tipo=1&id="+parseInt(document.dat.id.value);
}
function param1(id){
	document.getElementById(id).href = "crearVenta.php?tipo=2&id="+parseInt(document.dat.id.value);
}
function param2(id){
	document.getElementById(id).href = "crearPago.php?id="+parseInt(document.dat.id.value);
}
function param3(id){
	document.getElementById(id).href = "gastosCaja.php?id="+parseInt(document.dat.id.value);
}
function param4(id){
	document.getElementById(id).href = "crearContrato.php?id="+parseInt(document.dat.id.value);
}
function param5(id){
	document.getElementById(id).href = "reportes/fichaCliente.php?id="+parseInt(document.dat.id.value);
}
function param6(id){
	document.getElementById(id).href = "nuevoCliente.php?modif=1&id="+parseInt(document.dat.id.value);
}
</script>
</head>
<body>
<div id="main" style="height:500px;">
	<div id="header">
	  <h2>Panel de Control Tecnoinversiones RB</h2>           
      <h3 style=" text-align:center;width:162px; position:absolute; clear:both; text-transform:capitalize; font-style: italic; left: 775px; top: -6px;">Usuario: <?php echo " ".$_SESSION['nombre']?></h3>
    </div>
    <div class="clear"></div>
	<div id="left">
	  <?php include('botonera.php'); ?>
  </div>
      <div style="clear:none"></div>
	<div id="right" style="height:400px;">
      <!--inicio div content-right -->
      <div id="content-right">
      <div id="data"></div>
      <div id="cargando" style="position:absolute;float:left;display:none;right:590px;margin:50px 0px 0 0;"><img src="images/loading.gif" /></div>
	  <div id="buscarCliente" class="form" style="margin:20px 20px 0 20px;width:245px;float:left;">
            <form name="busqueda" id="busqueda" method="post" >
                <fieldset style="height:45px;padding-top:5px;"><legend>Clientes</legend> 
                    <input type="text" name="buscarC" id="buscarC" class="input-med" />
                    <input type="submit" id="buscar" name="buscar" value="Buscar" class="sendBtn" style="margin:0;"/>
                </fieldset>  
            </form>
      </div>
		<div id="acciones" class="form" style="margin:20px 20px 0 20px;width:300px;float:left;">
       		<form name="accion" id="accion">            	
            	<fieldset style="height:45px;padding-top:5px;"><legend>Acciones</legend>
            		<div id="btVarios" style="visibility:hidden;">
                   		 <a id="UpdateCli" href="nuevoCliente.php" onclick="param6(id);">
                         	<div class="botonCustom" style="margin:0 5px 5px 5px;">Modificar Registro</div>
                         </a>
                    	 <a id="datCli" href="reportes/fichaCliente.php" onclick="param5(id);" target="_blank">
                         	<div class="botonCustom" style="margin:0 0 5px 5px;">Datos del Cliente</div>
                         </a>
                   </div>	                
            	</fieldset>
            </form>  
            <div id="resultado"></div>
        </div>
        <div id="datos" class="form" style="margin:10px 20px 0 20px;width:700px;float:left;">
           <form name="dat" id="dat">           
           	<fieldset><legend>Datos Personales</legend> 
            	<input type="hidden" id="id" name="id" />
                <label for="cedula" class="label-peq1">C&eacute;dula:</label>
                <input type="text" id="cedula" name="cedula" value="" readonly="readonly" class="input-med" style="float:left;" />
                <label for="nombres" class="label-peq1" style="margin-left:25px;">Nombres:</label>
                <input type="text" id="nombres" name="nombres" readonly="readonly" class="input-med" style="float:left;" />
                <label for="apellidos" class="label-peq1" style="margin-left:25px;">Apellidos:</label>
                <input type="text" id="apellidos" name="apellidos" readonly="readonly" class="input-med" style="float:left;" />
                <label for="direccion" class="label-peq1" style="clear:;">Direcci&oacute;n:</label>
                <textarea cols="50" rows="1" readonly="readonly" class="input-dir" id="direccion"></textarea>                    
                <label for="tlf" class="label-peq1" style="">Tel&eacute;fono:</label>
                <input type="text" id="tlf" name="tlf" readonly="readonly" class="input-med" style="float:left;" />
                <label for="celular" class="label-peq1" style="margin-left:25px;">Celular:</label>
                <input type="text" id="celular" name="celular" readonly="readonly" class="input-med" style="float:left;" />
                <label for="tlfOfi" class="label-peq1" style="margin-left:25px;">Tlf. Oficina:</label>
                <input type="text" id="tlfOfi" name="tlfOfi" readonly="readonly" class="input-med" style="float:left;" />
                <label for="dirOfi" class="label-peq1">Dir. Oficina:</label>
                <textarea cols="50" rows="1" readonly="readonly" class="input-dir" id="dirOfi" name="dirOfi"></textarea>
           	</fieldset>
           </form>
        </div>         	
        <div id="deuda" class="form" style="margin:0 20px 0 20px;width:700px;float:left;">
        	<form name="deu" id="deu">
                <fieldset style="margin-top:10px"><legend>Deuda</legend>
                    <label for="total" class="label-peq">Total Cuenta:</label>
                    <input type="text" name="total" id="total" readonly="readonly" class="input-med" style="float:left;" />
                    <label for="totalPagado" class="label-peq" style="margin-left:15px;">Total Pagado:</label>
                    <input type="text" name="totalPagado" id="totalPagado" readonly="readonly" class="input-med" style="float:left;" />
                    <label for="totalDebe" class="label-peq" style="margin-left:15px;">Saldo Deudor:</label>
                    <input type="text" name="totalDebe" id="totalDebe" readonly="readonly" class="input-med" style="float:left;" />
                </fieldset>
            </form>
        </div>
        <div class="clear"></div>
        <div id="items" class="form" style="margin:10px 0px 0 20px;width:410px;float:left;">
            <form name="item" id="item">
                <fieldset><legend>Items Adquiridos</legend>
                    <!--<a id="var1" title="Productos Comprados" onclick="ref(id);">  
                        <div id="" class="botonCustom">Productos</div>
                    </a>
                    <a id="var2" title="Préstamos Solicitados" onclick="ref(id);"> 
                        <div id="" class="botonCustom" >Pr&eacute;stamos</div>
                    </a> -->
                    <a id="pago" href="crearPago.php" onclick="param2(id);">
                        <div id="pagos" class="botonGrande">Consultas y Pagos</div>
                    </a>
                   <!--  <a id="contrato" href="crearContrato.php" onclick="param4(id);">
                        <div id="contrato" class="botonCustomMed">Contratos</div>
                    </a>-->
                </fieldset>
            </form>
        </div>
        <div id="crearItem" class="form" style="margin:10px 20px 0 5px;width:auto;float:right;">
            <form name="nuevaC" id="nuevaC">
                <fieldset><legend>Nueva Cuenta</legend>
                    <a id="venta" href="crearVenta.php"  onclick="param(id);">
                        <div id="" class="botonCustom" style="">Productos</div>
                    </a>
                    <a id="prestamo" href="crearVenta.php"  onclick="param1(id);">
                        <div id="" class="botonCustom" style=""> Pr&eacute;stamo</div>
                    </a>
                </fieldset>
            </form>
        </div> 
      </div>
      <!--fin div content-right -->
    </div>
    <div id="footer"></div>
</div>
</body>
</html>